<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
</style>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=6c1fc5a59c951d0b35a90f829548f9d7"></script>
<title>NiceTrip</title>
</head>
<<body>
	<div class="bg">
		<div class="dotLine">
	    	<div class="divTable">
				<div class="divRow">
					<div id="left" class="divColumn">
						<div class="divTable">
							<div class="divRow">
								<div id="leftInfo" class="divColumn" style="width:40%;padding-right:10px">
									 <div class="divRow">
	                                        <div id="userInfo">
	                                            <label id="lblMname" > userInfo</label>
	                                        </div>
	                                    </div>	
	                                    <div class="divRow">
	                                    	 <!--<div class="triangle mt15"></div>-->
	                                    	 <img id="tri" src="images/triangle.png"/>
	                                    	 
	                                        <div id="roateDiv">
	                                        	<img id="userPic" src="images/user.jpg"/>
	                                        </div>

	                                    </div>
	                                </div>
								</div>
								<div id="rightInfo"  class="divColumn" style="width:55%">
									<div id="infoRight">
						                <label id="lblMname" > Rightnfo</label>
						            </div>
								</div>
							</div>
						</div>
					</div>
					<div id="middle">
						<img id="coil" src="images/pixel.gif"/>
					</div>
					<div id="right" class="divColumn">
						<div id="paperRight">
							<div class="divTable" style="padding-top:0px">
                            	<div class="divRow" style="padding-left:10px">
                            		<div class="divColumn" style="width:90%">
	                                    <div class="divRow">
	                                        <div id="title">
	                                            <label id="lblMname" > Title</label>
	                                        </div>
	                                    </div>	
	                                    <div class="divRow">
	                                        <div id="allmap">
	                                            <div>
	                                                <label id="lblMname" > allmap</label>
	                                            </div>
	                                        </div>
	                                    </div>
	                                </div>
	                                <div class="divColumn" style="width:10%">
	                                	<div id="pages">
							                <img id="tab" src="images/tab.png">
							            </div>
                            	    </div>
                                </div>
							</div>
						</div>
					</div>
				<div>
			</div>
		</div>
	</div>
</body>
</html>


<script type="text/javascript">

// 百度地图API功能
var map = new BMap.Map("allmap");            // 创建Map实例
var point = new BMap.Point(116.404, 39.915);    // 创建点坐标
map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom();                            //启用滚轮放大缩小

</script>
